@import "partials/mixins";
#home {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: relative;
  padding: 5px 10px;
  .buildContent {
    .buildingForever {
      height: 100px;
      color: #fff;
      padding: 5px;
      border: 1px solid #fff;
      .button {
        margin-right: 5px;
        margin-bottom: 5px;
      }
    }
    .house {
      height: 200px;
      padding-left: 5px;
      padding-right: 5px;
      .house-inner {
        width: 100%;
        height: 180px;
        position: relative;
        padding: 10px;
        &.showHouse {
          border: 1px solid #fff;
        }
        .house-title {
          position: absolute;
          padding: 10px;
          line-height: 12px;
          top: -6px;
          left: 5px;
          color: #fff;
          background-color: #000;
          padding: 0 5px;
        }
      }
    }
    .building {
      height: 140px;
      padding: 5px;
      width: 180px;
    }
    .buildingDesc {
      width: 120px;
      height: 140px;
      border-left: 1px solid #fff;
      border-top: 1px solid #fff;
    }
    .build {
      height: 30px;
    }
    .button {
      margin-right: 5px;
      margin-bottom: 5px;
    }
  }
  .home-bottom {
    height: 35px;
  }
}